<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>美容热卖产品</title>
		<style>
			*{
				margin:0;
				padding:0;
			}
			.box{
				margin: 0 auto;
				width:320px;
			}
			.box h3{
				color:white;
				background-color: #e9185a;
				font-size:16px;
				height: 40px;
				line-height: 40px;
				padding-left:8px ;
			}
			.box li{
				font-size:14px;
				list-style: none;
				height:30px;
				line-height: 30px;
				color:#666;
				padding: 2px 2px;
				border-bottom: 1px dotted #666;
				background-color: blanchedalmond;
			}
			.box span{
				width:30px;
				height:30px;
				background-color:#373b3c ;
				border-radius:50%;
				display: inline-block;
				text-align: center;
				color:white;
				font-weight: bold;
				margin-right: 4px;
			}
			li a{
				color:#666;
				text-decoration: none;
			}
			a:hover{
				color:#e9185a;
			}
			a:hover span{
				background:#e9185a;
			}
		</style>
	</head>
	<body>
		<diV class="box">
			<h3>大家都喜欢买的美容品</h3>
			<ul>
				<li><a href=""><span>1</span> 雅诗兰黛即时修护眼部精华霜15ml</a></li>
				<li><a href=""><span>2</span> 伊丽莎白雅顿显效复合活肤霜 75ml</a></li>
				<li><a href=""><span>3</span> OLAY玉兰油多效修护霜 50g</a></li>
				<li><a href=""><span>4</span> 巨型一号丝瓜水320ML</a></li>
				<li><a href=""><span>5</span> 倩碧保湿洁肤水2号 200ml</a></li>
				<li><a href=""><span>6</span> 比度克细肤淡印霜 30g</a></li>
				<li><a href=""><span>7</span> 兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a></li>
				<li><a href=""><span>8</span> SK-II护肤精华露 215ml</a></li>
				<li><a href=""><span>9</span> 欧莱雅青春密码活颜精华肌底液</a></li>
			</ul>
		</diV>
	</body>
</html>








